﻿<html>
	<head>
		<title>ASSISTIR | FILMES</title>
		<link rel="stylesheet" type="text/css" href="../CSS.css">
		<style>
			.assistir{
				margin-left: -25px;
				border-color: #1C1C1C;
			}
			
			.posts{
				background-color: #363636;
				border: 5px double red;
				margin-left: 200px;
				margin-top:10px;
				margin-right:200px;
				margin-bottom:15px;
			}
			.mini_macacos{
				padding: 2px;
				width: 160px;
			}

			.mini_mercenarios{
				padding:2px;
				width: 418px;			
			}
			.mini_homemaranha{
				padding:2px;
				width: 325px;			
			}
			.mini_transformers{
				padding:2px;
				width: 372px;			
			}
			.mini_nfs{
				padding:2px;
				width: 373px;			
			}
			.mini_cavaleiro{
				padding:2px;
				width: 158px;			
			}
			.mini_guardioes{
				padding:2px;
				width: 162px;			
			}
			.mini_deus{
				padding:2px;
				width: 356px;			
			}
			.mini_nozes{
				padding:2px;
				width: 385px;			
			}
		</style>
	</head>
	<body>
		<div class="cabecalho">
			<img src="../Imagens/cab1.png">
			<a href="../base.html"><img class="titulo" src="../Imagens/fil.png"></a>
		</div>
		
		<div class= "fb">
			<a href= "https://www.facebook.com/bruno.mafioletti.7" target= "_blank"><img src= "../Imagens/fb.jpg"/></a>
		</div>
		
		<div class="esucri">
			<a href="http://www.esucri-univer.com.br/siteesucri/index.htm" target= "_blank"><img src="../Imagens/esucri.jpg"/></a>
		</div>
		
		<div class="menu">
			<a href="../base.html"><img class="home" src="../Imagens/HOME.png"/></a>
			<a href="filmes.html"><img class="filmes" src="../Imagens/filmes.png"/></a>
			<a href="assistir.html"><img class="assistir" src="../Imagens/ASSISTIR.png"/></a>
			<a href="noticias.html"><img class="noticias" src="../Imagens/noticias.png"/></a>
			<a href="sobre.html"><img class="sobre" src="../Imagens/SOBRE.png"/></a>
			<a href="contato.html"><img class="contato" src="../Imagens/contato.png"/></a>	
		</div>
		
		<div class="posts">	
			<a href="http://megafilmeshd.net/planeta-dos-macacos-o-confronto/" target="_blank"><img class="mini_macacos" src="../Imagens/macacos2.jpg"/></a>
			<a href="http://megafilmeshd.net/os-mercenarios-3/" target="_blank"><img class="mini_mercenarios" src="../Imagens/mercenarios_3.jpg"/></a>	
			<a href="http://megafilmeshd.net/o-espetacular-homem-aranha-2-a-ameaca-de-electro/" target="_blank"><img class="mini_homemaranha" src="../Imagens/ha.jpg"/></a>	
			<a href="http://megafilmeshd.net/transformers-a-era-da-extincao/" target="_blank"><img class="mini_transformers" src="../Imagens/transformers4.jpg"/></a>	
			<a href="http://megafilmeshd.net/need-for-speed-o-filme/" target="_blank"><img class="mini_nfs" src="../Imagens/nfs.jpg"/></a>	
			<a href="http://megafilmeshd.net/o-cavaleiro-solitario/" target="_blank"><img class="mini_cavaleiro" src="../Imagens/cavaleiro.jpg"/></a>	
			<a href="http://megafilmeshd.net/guardioes-da-galaxia/" target="_blank"><img class="mini_guardioes" src="../Imagens/guardioes.jpg"/></a>	
			<a href="http://megafilmeshd.net/deus-nao-esta-morto/" target="_blank"><img class="mini_deus" src="../Imagens/deus.jpg"/></a>	
			<a href="http://megafilmeshd.net/o-que-sera-de-nozes/" target="_blank"><img class="mini_nozes" src="../Imagens/nozes.jpg"/></a>	
			
		</div>
		
		<div class="rodape">
			<img class="rodape_img" src="../Imagens/rodape.png"/>
			<img class="tomada" src="../Imagens/tomada.jpg"/>	
			<img class="projetor" src="../Imagens/projetor.jpg"/>	
			<p class="desc_rodape">
				<strong>Desenvolvido por Bruno Mafioletti e Cristiano Gonzaga.
				<br/>Esucri, Sistemas de Informação, Tópicos Especiais I.</strong>
			</p>
		</div>
	
	</body>
</html>

